<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>活动列表</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div id="slideBar">
	<a class="contact flex-col" href="tel:110">
		<span class="icon"><img src="image/icon/slide-icon.png" /></span>
	</a>
</div>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<div class="active-wrap">
					<ul v-for="item in activeData" @click="skipActive(item.type)">
						<li class="cover" data-rate='2'>
							<img :src="item.cover" />
						</li>
						<li class="bg flex-row">
							<h5 class="name flex-full dm-wrap">{{item.name}}</h5>
						</li>
					</ul>
				</div>
				
			</div>
			
		</div>
	</div>
</div>

<script type="text/javascript">

var vm = new Vue({
	el:"#Main",
	data:{
		activeData:testData.active,
	},
	methods:{
		//跳转活动详情
		skipActive:function(type){
			location.href = 'activeDetail_'+(type+1)+'.html';
		}
	},
	created:function(){
		imgRate();
	},
	mounted:function(){
		pullSwiper('#Main',true,true);
	}
});

//刷新
function refresh(pull){
	pull.innerHTML = '刷新成功'
};

//加载
function reload(pull){
	pull.innerHTML = '已加载全部数据'
};

</script>

</body>
</html>
